<img>
元素前三個屬性前面有介紹過這邊就不多講,要特別注意的是第四個:usemap
。
屬性 | 說明 |
---|---|
src |
設定圖片位址。 |
width |
設定圖片寬度。 |
height |
設定圖片高度。 |
usemap |
用來和<map> 做連接,屬性值為「#影像地圖名稱」。 |
<map>
元素屬性 | 說明 |
---|---|
name |
用來設定影像地圖名稱。 |
<area>
元素屬性 | 說明 |
---|---|
shape |
用來設定區塊形狀,屬性值可為rect 、circ 、poly ,分別是矩形、圓形、多邊形。 |
coords |
用來設定區塊座標,屬性值會根據不同的shape ,有不同的寫法。 |
href |
用來設定各區塊所要連結到的網址。 |
若
shape=”rect”
,coords=”(x1,y1,x2,y2)”
,其中(x1,y1)為矩形之左上角座標,(x2,y2)為右下角座標。
若shape=”circ”
,coords=”(x,y,radius)”
,其中(x,y)為圓心座標,radius為半徑長。
若shape=”poly”
,coords=”(x1,y1,x2,y2,…,xn,yn)”
,每個(x,y)座標代表多邊形的各個點座標。
不知道這樣說明夠不夠清楚,如果有哪裡不明白的話,相信實作完就會理解了!
明天會進入捷運地圖首頁的實作,是邁向成功做出主題的第一步,個人非常期待。我是YQ,明天見。